<script setup>

</script>

<template>
  <div>
    <img class="img" style="margin-left: 280px" src="../assets/1.jpg" />
    <img class="img" src="../assets/2.jpg" />
    <img class="img" src="../assets/3.jpg" />
    <img class="img" src="../assets/4.jpg" />
    <img class="img" src="../assets/5.jpg" />
    <img class="img" src="../assets/6.jpg" />
    <img class="img" src="../assets/7.jpg" />
    <img class="img" src="../assets/8.jpg" />
    <img class="img" src="../assets/9.jpg" />
    <img class="img" src="../assets/10.jpg" />
  </div>
</template>

<style scoped>
   div {
     width: 100%;
     height: 70vh;
     display: flex;
     align-items: center;
  }
   .img {
     height: 100%;
     margin-left: 20px;
   }
</style>
